<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="import" href="indexs.html" id="page1">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<script type="text/javascript">
    document.write(page1.import.body.innerHTML);
</script>
<!--<table id="demo" lay-filter="test"></table>-->

<table class="layui-hide" id="test"></table>

<script src="/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

<script type="text/html" id="ostate">
    {{#  if(d['oState']==0){ }}
    {{ "未完成" }}
    {{#  } else { }}
    {{ "已完成" }}
    {{#  } }}
</script>
<script>
   /* layui.use(['table','laypage'], function(){
        var table = layui.table
            ,laypage = layui.laypage;

        table.render({
            elem: '#test'
            ,url:'/myCentre/Order/'
            ,method:'post'
            ,cellMinWidth: 80
            ,parseData:function (res) {
                console.log(res);
                return{
                    "code":200,
                   // "msg":"",
                    data:res
                }
            }
            ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                ,groups: 1 //只显示 1 个连续页码
                ,first: false //不显示首页
                ,last: false //不显示尾页

            }
            ,cols: [[
                {field:'oNum', title: '订单号', sort: true}
                ,{field:'oAlinum', title: '支付宝交易号'}
                ,{field:'oBanlance',  title: '订单金额', sort: true}
                ,{field:'oPlatformbanlance',  title: '生成时间', sort: true}
                ,{field:'oState',  title: '订单状态'}
            ]]
            ,response: {
                statusName: 'code' //数据状态的字段名称，默认：code
                ,statusCode: 200 //成功的状态码，默认：0
                ,msgName: 'message' //状态信息的字段名称，默认：msg
                ,countName: 'totalCount' //数据总数的字段名称，默认：count
                ,dataName: 'data' //数据列表的字段名称，默认：data
            }
            ,page: true
        });
    });*/



   layui.use('table', function(){
       var table = layui.table;
       table.render({
           elem: '#test'
           ,url:'/myCentre/Order/?sId=1'
           ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
           ,parseData:function (res) {
               return{
                   "code":0,
                    count:res.length,
                   // "msg":"",
                   data:res
               }
           }
           ,page:true

           ,cols: [[
               {field:'oNum', title: '订单号', sort: true}
               ,{field:'oAlinum', title: '支付宝交易号', sort: true}
               ,{field:'oBanlance',  title: '订单金额', sort: true}
               ,{field:'oPlatformbanlance',  title: '生成时间', sort: true}
               ,{field:'oState',  title: '订单状态',templet:'#ostate'}
           ]]
       });
   });

</script>

</body>
</html>